<template>
  <div>
    <div class="content">
      <img class="logoimg" v-src="'/static/img/index/indexBanner.jpg'" alt="">
    </div>


    <div class="list_box">
      <a :href="item.url" class="list_item flex-row vux-1px-b flex-y-center" v-for="(item,index) in listInfo">
        <div class="flex-grow-1 flex-left">{{item.title}}</div>
        <div class="flex-grow-1 flex-right"><img v-src="'/static/img/more@2x.png'" alt=""></div>
      </a>

      <!--<a href="tel:15272825756" class="list_item flex-row vux-1px-b flex-y-center">-->
      <!--<div class="flex-grow-1 flex-left">联系电话</div>-->
      <!--<div class="flex-grow-1 flex-right"><img v-src="'/static/img/more@2x.png'" alt=""></div>-->
      <!--</a>-->
      <!--<div  class="list_item flex-row vux-1px-b flex-y-center">-->
      <!--<div class="flex-grow-1 flex-left">用户流水</div>-->
      <!--<div class="flex-grow-1 flex-right"><img v-src="'/static/img/more@2x.png'" alt=""></div>-->
      <!--</div>-->
      <!--<div  class="list_item flex-row vux-1px-b flex-y-center">-->
      <!--<div class="flex-grow-1 flex-left">提款记录</div>-->
      <!--<div class="flex-grow-1 flex-right"><img v-src="'/static/img/more@2x.png'" alt=""></div>-->
      <!--</div>-->
    </div>

    <tab-bar :activeIndex="activeIndex"></tab-bar>
  </div>
</template>

<script>
  import TabBar from 'src/components/TabBar'
  import {jumpUrlConfig} from 'src/const/jumpUrlConfig'

  export default {
    name: "about",
    components: {TabBar},
    data() {
      return {
        activeIndex: 2,
        listInfo: [
          {title: '一键关注', url: jumpUrlConfig.look},
          {title: '房贷计算', url: 'https://tool.fooww.com/calculator/mobile/?themeColor=3492e9'},
          {title: '公司简介', url: jumpUrlConfig.companyUrl},
          {title: '公司位置', url: jumpUrlConfig.storeUrl},
          {title: '联系电话', url: 'tel:18971966446'},
        ]
      }
    }
  }
</script>

<style>
  body {
    background: #eeeeee;
  }
</style>

<style lang="less" scoped>
  .content {
    .logoimg {
    }

  }

  .list_box {
    background: #fff;
    margin-top: 0.18rem;
    .list_item {
      padding-left: 0.47rem;
      padding-right: 0.3rem;
      height: 0.92rem;
      font-size: 0.28rem;
      color: #454545;
      &.vux-1px-b:after {
        //border-color: #f2f2f2;
        //border-color: #ccc;
      }
      &:last-child {
        &.vux-1px-b:after {
          //border: none;
        }
      }
      .flex-right {
        > img {
          width: 0.2rem;
          height: 0.3rem;
        }
      }
    }
  }

</style>